body {
    width: 100vw;
    height: 100vh;
    margin: 0;
    overflow: hidden;
}

#bg {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    padding: 2%;
}

#img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: contain;
}

#lbl {
    position: fixed;
    bottom: 5vh;
    left: 50%;
    text-align: center;
    color: #c0c0c0;
    font-size: x-small;
}

#go {
    position: absolute;
    width: 20vw;
    left: 42%;
    top: -10%;
    outline: none;
    background-color: #f9f9f9;
    border: none;
    border-bottom: 1px solid;
    border-color: #505050;
    color: #505050;
    font-size: x-large;
}

#all {
    width: 100vw;
    height: 100vh;
    padding: 1%;
    position: absolute;
    top: -200%;
    background-color: #292929a8;
    overflow-y: auto;
    z-index: 10;
}

#all img {
    max-width: 23%;
    margin: 5%;
    cursor: pointer;
    box-sizing: border-box;
    border: 8px solid #ffffff45;
    border-radius: 2px;
}

#all img:hover {
    animation: ibg 0.2s ease forwards;
}

@keyframes ibg {
    from {}
    to {
        border: 8px solid #ffffffa6;
    }
}